/* 字体图标声明 这里一定要注意路径的变化 ../fonts/*/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?lzlj0i');
    src: url('../fonts/icomoon.eot?lzlj0i#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?lzlj0i') format('truetype'),
        url('../fonts/icomoon.woff?lzlj0i') format('woff'),
        url('../fonts/icomoon.svg?lzlj0i#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

body {
    background-color: #f4f4f4;
}

.box_bd li {
    overflow: hidden;
}

.box_bd img {
    /*过渡写到本身上， 谁做动画，给谁加*/
    transition: all .2s;
}


/*我们鼠标经过图片 往右走 8px*/

.box_bd img:hover {
    margin-left: 8px;
}

/* 顶部广告模块 */
.activity-top {
    background-color: rgb(219, 110, 255);
    height: 80px;
    cursor: pointer;
}

.top-parts-gray {
    position: relative;
    height: 100%;
    background: url(../upload/activity-top.png) no-repeat;
    background-size: cover;
}

.promotional-618 {
    background: url(../upload/618.jpg) no-repeat;
    background-size: 190px 80px;
    height: 100%;
}

.close::after {
    font-family: 'icomoon';
    content: '\e9dd';
    position: absolute;
    font-size: 20px;
    top: 5px;
    right: 0;
    z-index: 1;
}

.top-parts-gray_item-wrapper {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 6px;
    left: 280px;
    height: 68px;
    line-height: 100%;
}

.top-parts-gray_item {
    width: 68px;
    height: 68px;
    border-radius: 10px;
    margin-right: 56px;
    overflow: hidden;
    display: inline-block;
    line-height: 100%;
}

.top-parts-gray_item img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

/* 电梯导航栏模块 */
.fixedtool {
    position: fixed;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 999;
    background-color: #F7F9FA;
    -webkit-box-shadow: -2px 0 30px 2px rgb(97 105 119 / 18%);
    -moz-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18);
    box-shadow: -2px 0 30px 2px rgb(97 105 119 / 18%);
    border-radius: 18px 0 0 18px;
    width: 60px;
    height: 360px;
}

.fixedtool ul {
    padding: 20px 0;
}

.fixedtool li {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding: 10px;
    z-index: 1;
    cursor: pointer;
}

.fixedtool li::after {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 1px;
    left: 50%;
    bottom: -1px;
    margin-left: -25px;
    background: -webkit-gradient(linear, right top, left top, from(white), color-stop(#eeeeee), color-stop(#eeeeee), to(white));
    background: linear-gradient(270deg, white, #ccc, #ccc, white);
    z-index: 1;
    content: "";
}

.fixedtool .current {
    background-color: #e0251c;
    color: #fff;
}

/* main模块 */
.main {
    width: 980px;
    height: 455px;
    margin-top: 10px;
    margin-left: 220px;
}

/* 焦点图模块 */
.focus {
    float: left;
    position: relative;
    width: 721px;
    height: 455px;
    overflow: hidden;
}

.focus ul {
    /* 动画需要加定位 */
    position: absolute;
    top: 0;
    left: 0;
    width: 1000%;
}

.focus ul li {
    float: left;
}

.arrow-l,
.arrow-r {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 24px;
    height: 40px;
    background: rgba(0, 0, 0, .3);
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    z-index: 2;
}

.arrow-r {
    right: 0;
}

.arrow-l::after,
.slider_control_prev::after {
    color: #fff;
    font-family: 'icomoon';
    content: '\e9d9';
}

.arrow-r::after,
.slider_control_next::after {
    color: #fff;
    font-family: 'icomoon';
    content: '\e9da';

}

.circle {
    position: absolute;
    bottom: 10px;
    left: 50px;
}

.circle li {
    float: left;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(0, 0, 0, .05);
    background: rgba(255, 255, 255, .4);
    margin: 0 3px;
    border-radius: 50%;
    /*鼠标经过显示小手*/
    cursor: pointer;
}

.circle .current {
    background-color: #fff;
}

/* 新闻快报模块 */
.newsflash {
    float: right;
    width: 250px;
    height: 455px;
    background-color: #fff;
}

.news {
    position: relative;
    height: 165px;
}

.news::after,
.news-hd::after {
    position: absolute;
    height: 1px;
    left: 15px;
    right: 15px;
    background: -webkit-gradient(linear, right top, left top, from(white), color-stop(#ccc), color-stop(#ccc), to(white));
    background: linear-gradient(270deg, white, #ccc, #ccc, white);
    content: " ";
    bottom: 0;
}

.news-hd {
    position: relative;
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
}

.news-hd h5 {
    float: left;
    font-size: 14px;
}

.news-hd .more {
    float: right;
}

.news-hd .more::after {
    font-family: 'icomoon';
    content: '\e9da';
}

.news-bd {
    padding: 5px 15px 0;
}

.news-bd ul li {
    height: 24px;
    line-height: 24px;
    /* 内容超一行显示省略 */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-bd .news_tag {
    display: inline-block;
    width: 30px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #e1251b;
    background-color: rgba(225, 37, 27, .08);
    margin-right: 6px;
}

/* 新闻快报-生活服务模块 */
.life_service {
    overflow: hidden;
    height: 209px;
    border-top: 0;
}

.life_service ul {
    width: 252px;
}

.life_service ul li {
    position: relative;
    float: left;
    width: 63px;
    height: 71px;
    text-align: center;
}

.life_service ul li:nth-child(1):after {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 12px;
    height: 15px;
    content: '';
    background: url(../images/jian.png) no-repeat;
}

.life_service ul li i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 12px;
    background: url(../images/tbsprite.png) no-repeat;
}

/* 新闻快报-广告模块 */
.bargain {
    margin-top: 5px;
}

.bargain img {
    width: 100%;
    height: 100%;
}

/* 秒杀模块 */
.seckill {
    height: 260px;
    margin-top: 12px;
}

.seckill-countdown {
    position: relative;
    float: left;
    width: 210px;
    height: 260px;
    color: #fff;
    background-color: #e83632;
    background-image: url(../images/jdbg.png);
    background-size: 210px 260px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.countdown-title {
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-top: 31px;
}

.countdown-desc {
    margin-top: 90px;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
}

.countdown-main {
    margin-left: auto;
    margin-right: auto;
    width: 130px;
    height: 30px;
    margin-top: 10px;
    display: block;
    color: #333;
    font-weight: 700;
}

.countdown-main .timmer__unit:nth-child(-n+2)::after {
    content: ":";
    display: block;
    position: absolute;
    right: -20px;
    font-weight: bolder;
    font-size: 18px;
    width: 20px;
    height: 100%;
    top: 0;
}

.countdown-main .timmer__unit {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #2f3430;
    margin-right: 20px;
    color: white;
    font-size: 20px;
}

.countdown-main .timmer__unit--second {
    margin-right: 0;
}

.seckill-list {
    width: 980px;
    height: 100%;
    margin-left: 220px;
    background-color: #fff;
}

.slider {
    position: relative;
    float: left;
    width: 730px;
    height: 100%;
    overflow: hidden;
}

.slider_control_prev,
.slider_control_next {
    position: absolute;
    top: 50%;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    width: 25px;
    height: 35px;
    line-height: 35px;
    background-color: #d9d9d9;
    background-color: rgba(0, 0, 0, .15);
    margin-top: -20px;
    font-size: 20px;
    z-index: 2;
    border: none;
    outline: none;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.slider_control_next {
    right: 0;
    padding-left: 6px;
    border-radius: 0;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

.slider ul {
    /* 动画需要加定位 */
    position: absolute;
    top: 0;
    left: 0;
    width: 1000%;
    height: 100%;
}

.slider ul li {
    float: left;
    width: 243.33px;
    height: 100%;
    position: relative;
}

.slider ul li::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 1.5px;
    height: 200px;
    transform: translateY(-50%);
    background: linear-gradient(white, rgb(238, 238, 238), white);
}

.slider ul li:nth-child(3n)::after {
    content: "";
    display: none;
}

.slider_item {
    width: 243.33px;
    height: 100%;
}

.slider_item__image {
    width: 140px;
    height: 140px;
    margin: 30px auto 0;
}

.slider_item__image img {
    width: 100%;
    height: 100%;
}

.slider_item__name {
    width: 160px;
    margin: 13px auto 0;
    font-size: 12px;
    font-weight: 400;
    color: rgb(51, 51, 51);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slider_item__price {
    width: 160px;
    height: 24px;
    margin: 7px auto 0;
    line-height: 24px;
    text-align: center;
    color: rgb(225, 37, 27);
    font-size: 12px;
    font-weight: 700;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
}

.seckill-brand {
    position: relative;
    float: left;
    width: 250px;
    height: 100%;
    overflow: hidden;
}

.seckill-brand ul {
    /* 动画需要加定位 */
    position: absolute;
    top: 0;
    left: 0;
    width: 1000%;
    height: 100%;
}

.seckill-brand ul li {
    float: left;
    width: 230px;
    height: 100%;
    margin: 10px;
}

.slider_indicators {
    position: absolute;
    left: 50%;
    bottom: 16px;
    font-size: 0;
    text-align: center;
}

.slider_indicators li {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 4px;
    border-radius: 50%;
    background-color: #999;
}

.slider_indicators .current {
    background-color: #e1251b;
}

.item_image {
    width: 120px;
    height: 120px;
    margin: 20px auto 0;
}

.item_image img {
    width: 100%;
    height: 100%;
}

.item_info {
    width: 100%;
    height: 90px;
    margin-top: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(220, 224, 236, .5));
    text-align: center;
    font-size: 14px;
}

.item-info-promo {
    color: #333;
    font-weight: 700;
}

.item-info-action {
    color: #e1251b;
    border-radius: 14px;
    width: 82px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    font-weight: 700;
    padding-left: 4px;
    font-size: 12px;
    border: 1px solid #e1251b;
    margin: 4px auto 0;
}

/* 推荐模块 */
.recom {
    width: 1200px;
    margin: 0 auto;
    height: 163px;
    background-color: #fff;
    margin-top: 12px;
}

.recom_hd {
    float: left;
    height: 163px;
    width: 210px;
    background-color: #5c5251;
    text-align: center;
    padding-top: 30px;
}

.recom_bd {
    float: left;
}

.recom_bd ul li {
    position: relative;
    float: left;
    width: 247px;
    height: 163px;
    padding: 20px 0 0 20px;
}

/* .recom_bd ul li img {
     规定li中图片的大小 
} */

/* 小竖线 */
.recom_bd ul li:nth-child(-n+3):after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 1.5px;
    height: 150px;
    transform: translateY(-50%);
    background: linear-gradient(white, rgb(238, 238, 238), white);
}


/* 猜你喜欢模块 */
.guess {
    height: 272px;
    margin-top: 30px;
}

.guess-hd {
    height: 30px;
}

.guess-hd h3 {
    float: left;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
}

.guess-hd .updata {
    float: right;
    font-size: 12px;
    color: #666666;
    margin-top: 8px;
    margin-right: 20px;
}

.guess-hd .updata::after {
    font-family: 'icomoon';
    content: '\e984';
    margin-left: 5px;
}

.guess-bd {
    height: 234px;
    border: 1px solid #ededed;
    background-color: #fff;
}

.guess-bd ul li {
    position: relative;
    float: left;
    width: 199px;
    height: 232px;
}

.guess-bd ul li>img {
    margin: 10px 0 0 20px;
}

.guess-bd ul li h3 {
    width: 128px;
    line-height: 20px;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    margin: 5px 40px;
}

.guess-bd ul li .price {
    font-size: 18px;
    font-weight: 700;
    color: #df3033;
    margin-left: 60px;
}

.guess-bd ul li:nth-child(-n+5):after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 1.5px;
    height: 150px;
    transform: translateY(-50%);
    background: linear-gradient(white, rgb(238, 238, 238), white);
}

/* floor-家电模块 */
.floor .w {
    margin-top: 30px;
}

.box_hd {
    height: 30px;
    border-bottom: 2px solid #c81623;
}

.box_hd h3 {
    float: left;
    font-size: 18px;
    color: #c81623;
    font-weight: 40;
}

.tab_list {
    float: right;
    line-height: 30px;
}

.tab_list ul li {
    float: left;
}

.tab_list ul li a {
    margin: 0 15px;
}

.box_bd {
    height: 361px;
    text-align: center;
}

.tab_list_item1>div {
    float: left;
    height: 361px;
}

.col_210 {
    width: 210px;
    background-color: #f9f9f9;
}

.col_210 ul {
    margin-left: 12px;
}

.col_210 ul li {
    float: left;
    width: 85px;
    height: 34px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    /* 边框-1px */
    line-height: 33px;
    margin-right: 10px;
}

.col_210 img {
    margin-top: 25px;
}

.col_329 {
    width: 329px;
}

.col_221 {
    width: 221px;
    border-right: 1px solid #ccc;
    background-color: #fff;
}

.col_219 {
    width: 219px;
    background-color: #fff;
}

.bb {
    display: block;
    border-bottom: 1px solid #ccc;
}

.brand {
    width: 1200px;
    height: 66px;
    margin: 20px auto 30px;
}